<template>
  <section class="tab-container">
    <el-tabs>
      <el-tab-pane label="设备信息">
        <device-info></device-info>
      </el-tab-pane>
      <!-- <el-tab-pane label="Topic列表">
				<topic-list></topic-list>
			</el-tab-pane> -->
      <el-tab-pane label="设备影子">
        <device-shade></device-shade>
      </el-tab-pane>
    </el-tabs>
  </section>
</template>

<script>
  import DeviceInfo from '@views/device/children/info'
  import TopicList from '@views/device/children/topicList'
  import DeviceShade from '@views/device/children/shade'
  import { Vue, Component, Watch } from 'vue-property-decorator'

  @Component({
    components: {
      DeviceInfo,
      TopicList,
      DeviceShade
    }
  })
  export default class DeviceDetail extends Vue {
    mounted() {
      this.id = this.$route.params.id;
    }
  }
</script>

<style lang="scss" scoped>
  @import '~@scss/theme/table.scss';
</style>
